<!--
 * @Author: zhangfan
 * @Date: 2024-06-25 18:36:08
 * @LastEditors: ***
 * @LastEditTime: 2024-06-25 20:56:21
 * @Description: 11
 * @FilePath: /demo/src/views/refs/components/child-one.vue
-->
<template>
  <div class="view-contain-one">
    <p>我是子组件1</p>
    <son-one ref="sonOne" />
  </div>
</template>
<script>
import sonOne from './son-one.vue'
export default {
  components: {
    sonOne
  },
  data () {
    return {
      message: 123
    }
  },
  methods: {
    changeData () {
      return 111
    }
  }
}
</script>
<style scoped>
.view-contain-one {
  height: 300px;
  width: 500px;
  border: 1px solid #ccc;
}
</style>
